/*

 

 Theme NAME: Tistics v2

 Description: Les Tistics - Site officiel

 Version 1.0

 Author: Thibaut caroli



*/



/*==========================================

 

                RESET

 

 ========================================*/



* {

    margin:0px;

    padding:0px;

    list-style:none;

    font-family:calibri,arial,sans-serif;

}



@font-face {

    font-family: 'komika';

    src: url('typo/komika/komikax_-webfont.eot');

    src: url('typo/komika/komikax_-webfont.eot?#iefix') format('embedded-opentype'),

         url('typo/komika/komikax_-webfont.woff') format('woff'),

         url('typo/komika/komikax_-webfont.ttf') format('truetype'),

         url('typo/komika/komikax_-webfont.svg#KomikaAxisRegular') format('svg');

    font-style: normal;

}



@font-face {

    font-family: 'america';

    src: url('typo/america/americancaptain-webfont.eot');

    src: url('typo/america/americancaptain-webfont.eot?#iefix') format('embedded-opentype'),

         url('typo/america/americancaptain-webfont.woff') format('woff'),

         url('typo/america/americancaptain-webfont.ttf') format('truetype'),

         url('typo/america/americancaptain-webfont.svg#american_captainregular') format('svg');

    font-weight: normal;

    font-style: normal;

}



/*==========================================

 

            BALISES & CLASSES

 

 ========================================*/



body {background:url(images/bkgBruit.gif) #4898a9;}

a {color:#4898a9}

.clearLeft {clear:left;}

.left {float:left;}

.marginTop5 {margin-top:5px;}



#containerPrincipal {

   width:1060px;

    margin:0px auto 0px auto;

}



/*==========================================

 

                HEADER

 

 ========================================*/





header {

    width:1060px;

    height:200px;

	margin-top:20px;

}

header > a img {

	margin-left:110px;

}



header ul{

	margin-top:10px;

	margin-left:55px;

}



.ticketRetro {

	margin-right:20px;

	width:176px;

	height:76px;

	background:url(images/ticketBeige.png) no-repeat;

	margin-bottom:2px;

	padding-top:4px;

	color:#4b2a21;

}

.ticketDate {

	font-family:america,arial,sans-serif;

	font-size:22px;

	width:180px;

	text-align:center;

	text-shadow:2px 2px 1px #eee;

}

.ticketInfos {

	margin-top:6px;

	font-size:13px!important;

	width:180px;

	text-align:center;

	line-height:15px;

}

.ticketInfos a {

	font-weight:bold;

	color:#4b2a21;

}



.ticketSpecial {

	margin-right:20px;

	width:176px;

	height:76px;

	background:url(images/ticketSpecial.png) no-repeat;

	margin-bottom:2px;

	padding-top:4px;

	color:#fff;

}

.ticketSpecial .ticketDate {

	margin-top:1px;

	letter-spacing:1px;

	text-shadow:2px 2px 1px #333;

}

.ticketSpecial .ticketInfos {margin-top:4px;}

.ticketSpecial .ticketInfos a {color:#fff;}



/*==========================================

 

                    BODY

 

 ========================================*/



#containerContenu {

    width:1060px;

    margin-top:30px;

}



#containerContenu > * {

    float:left;

}



/*=========== NAV LEFT - RIGHT ============*/



#containerContenu nav > ul > li {

    min-height:200px;

    width:210px;

    margin-bottom:5px;

}



#social li {

    width:105px;

    height:100px;

    float:left;

}



.icoRubrique , .smooth{

	/* Webkit */

    -webkit-transition-property: -webkit-transform;

    -webkit-transition-duration: 0.5s;

    /* Firefox */

    -moz-transition-property: -moz-transform;

    -moz-transition-duration: 0.5s;

	cursor:pointer;

}



.icoRubrique:hover, .survol {

	/* Webkit */

    -webkit-transform: rotate(6deg);

    /* Firefox */

    -moz-transform: rotate(6deg);

	cursor:pointer;

}



/*================ CONTENU ================*/



#contenu {

    width:640px;

}



/*================= SLIDER ================*/



.slideshow {

    width:640px;

    height:200px;

	border-radius:5px;

	overflow:hidden;



}

.slideshow img {

	border-radius:5px;

}



/*================= SELECT ================*/



#select {

	display:none;

    text-align:center;

    margin:20px 0px 20px 0px;

}

#select a {

    color:#fff;

    text-decoration:none;

    display:inline-block;

    margin:0 5px;

    padding:5px 0px 3px 0px;

}



.selectOn {

    border-top:dotted 2px #fff;

    border-bottom:dotted 2px #fff;

    font-weight:bold;

}



/*============== ASIDE & TEXT =============*/



aside, #text {float:left;}

aside {

    width:265px;

}

#text {

    margin-left:6px;

    width:365px;

    color:#fff;

    font-size:14px;

}



.dates li {

    margin-bottom:9px;

	text-align:right;

	padding-right:3px;

	width:247px;

}



#video iframe {margin-top:20px;}

#video img {

    margin-top:-4px;

		margin-left:166px;

}

embed, iframe, .player-container {border-radius:5px;}

/*================= DATES BOX ================*/



aside .ticketRetro {margin-left:35px;}



#datesSpectacle {

	width:241px;

	padding:3px;

	border-radius:5px;

    background:url(images/pattern-blanc-bruit.gif) #fff;

}

#datesSpectacle ul {

	border:1px solid #c9c9c9;

	padding:10px;

	height:210px;

	overflow:auto;

}

#datesSpectacle li {

	padding-bottom:10px;

	margin-bottom:10px;

	border-bottom:1px solid #c9c9c9;

}



.datesBoxDate {

	text-align:left;

}

.datesBoxInfos {

	text-align:left;

	margin-top:0px;

	font-size:14px!important;

}



/*============== BIOGRAPHIES==============*/



#biographie li {

    width:298px;

    padding:7px;

    margin:4px;

    border-radius:5px;

    background:url(images/pattern-blanc-bruit.gif) #fff;

    float:left;

		font-size:12px;

}

#biographie li img {

    border-radius:5px;

    float:left;

    margin-right:7px;

}

#biographie li span a {

	line-height:15px;

	text-decoration:none;

    width:10px;

    margin-top:2px;

    text-align:center;

    color:#fff;

    background:#4898a9;

    padding:0px 3px 1px 3px;

    border-radius:5px;

    float:right;

    /* Webkit */

    -webkit-transition-property: background;

    -webkit-transition-duration: 0.2s;

    /* Firefox */

    -moz-transition-property: background;

    -moz-transition-duration: 0.2s;

    /* Standard */

    transition-property: background;

    transition-duration: 0.2s;

}

#biographie li span a:hover {

    background:#357380;

}

#biographie li span {

    float:left;

    font-family:komika,arial,sans-serif;

    font-size:16px;

    line-height:18px;

    text-transform:uppercase;

    color:#4898a9;

    width:185px;

    margin-bottom:3px;

    border-bottom: 1px solid #babab6;

}



/*============== NAV GALERIE ==============*/



#navGalerie {

	border-radius:3px;

	padding:3px;

	background:url(images/pattern-blanc-bruit.gif) #fff;

}

#navGalerie > div {

	border:1px solid #c9c9c9;

	padding:5px 10px;

}

ul.menu {

	padding:8px 0px;

	border-bottom:4px double #c9c9c9;

	margin-bottom:10px;

}

ul.menu li {

	display:inline-block;

	width:200px;

	text-align:center;

	line-height:30px;

	text-transform:uppercase;

}

ul.menu li.actif a, ul.menu a:hover {

	color:#4898a9;

	text-shadow:-1px 1px 1px #fff,-2px 2px 1px #4898a9;

}

ul.menu a {

	letter-spacing:3px;

	color:#333;

	font-family:america,komika,arial,sans-serif;

	font-size:35px;

	text-shadow:-1px 1px 1px #fff,-2px 2px 1px #333;

	text-decoration:none;

	/* Webkit */

    -webkit-transition-property: color, text-shadow;

    -webkit-transition-duration: 0.2s;

    /* Firefox */

    -moz-transition-property: color, text-shadow;

    -moz-transition-duration: 0.2s;

    /* Standard */

    transition-property: color, text-shadow;

    transition-duration: 0.2s;

}





/*============== FILTRES ==============*/



#gallerieWIP {

	color:#fff;

	text-align:center;

}

#gallerieWIP span {

	text-transform:uppercase;

	font-weight:bold;

	text-decoration:underline;

	margin-bottom:10px;

}

#gallerieWIP a {

	color:#fff;

	text-decoration:underline;

	font-weight:bold;

}

#berlitz * {

	margin-top:10px;

}



#filtres > div {display:none;}

#filtres a {

	float:left;

	margin-bottom:5px;

	margin-right:4px;

	text-decoration:none;

	color:#9f9b98;

	border-bottom:1px solid #9f9b98;

	padding:2px 5px;

}

#filtres a:hover, .filtreActif {

	color:#333!important;

	border-bottom:1px solid #333!important;

}



/*============== ISOTOPE ==============*/



#isotopeContainer {

	width:605px;

	margin-left:17px;

}

.galerieItem {

	border-radius:3px;

	height:120px!important;

	margin:0px 1px 1px 0px;

}

.galerieItem img {

	border-radius:3px;

}





/*============== CONTACT ==============*/



#contact {

	width:300px;

	margin:0 auto;

	color:#fff;

}

#contact textarea, #contact input {

	width:286px;

	padding:7px;

	background:url(images/pattern-blanc-bruit.gif) #fff;

	font-size:14px;

}

#contact p {

		font-family:america;

	font-size:22px;

		margin-top:15px;

		letter-spacing:1px;

}

#contact p span {color:#333;}

.wpcf7-submit {

		border:none;

		background:none!important;

		font-family:america;

		font-size:35px!important;

		color:#fff;

		text-shadow:0px 1px 1px #333;

		cursor:pointer;

			/* Webkit */

    -webkit-transition-property: color, text-shadow;

    -webkit-transition-duration: 0.2s;

    /* Firefox */

    -moz-transition-property: color, text-shadow;

    -moz-transition-duration: 0.2s;

    /* Standard */

    transition-property: color, text-shadow;

    transition-duration: 0.2s;

}

.wpcf7-submit:hover {

		color:#333;

		text-shadow:0px 1px 1px #fff;

}

.wpcf7message {text-align:right;}

.directMail {

		font-family:calibri,sans-serif!important;

		font-size:14px!important;

		letter-spacing:normal!important;

		text-align:center;

}

#ismailing input {width: 30px;  }
/*============== ACHATDVD ==============*/



#achatdvd {

	width:400px;

	margin:0 auto;

	color:#fff;

}

#achatdvd textarea, #achatdvd input {

	width:316px;

	padding:7px;

	background:url(images/pattern-blanc-bruit.gif) #fff;

	font-size:14px;

}

#achatdvd p {

		font-family:america;

	font-size:22px;

		margin-top:15px;

		letter-spacing:1px;

}

#achatdvd p span {color:#333;}

#jaccepte {display:inline}
/*============== PRO ==============*/



.blocPro {

    background:url(images/pattern-blanc-bruit.gif) #fff;

    border-radius:3px;

    padding:3px;

    float:left;

    margin:0px 10px 10px 0px;

    width:290px;

    min-height:140px;

	font-size:14px;

}

.blocPro:nth-child(7) {

		width:597px;



}

.blocPro:nth-child(7) .galerieItem img {

	width:95px;

	height:95px;

}

.blocPro > div {

	padding:7px;

	border:1px solid #c9c9c9;

	min-height:137px;

}

.blocPro span {

    font-family:america,arial,sans-serif;

    font-size:26px;

    line-height:23px;

		color:#333;

    text-transform:uppercase;

		letter-spacing:1px;

    width:100%;

    float:left;

    padding-bottom:7px;

    margin-bottom:5px;

    border-bottom: 1px solid #babab6;

}

.blocPro a {

    text-decoration:underline;

    color:#95c7e8;

}



/*==========================================

 

                    FOOTER

 

 ========================================*/



footer {

		display:block;

		height:50px;

		width:640px;

		text-align:center;

		margin:50px auto 15px auto;

		font-size:12px;

		color:#fff;

		padding-left:490px;

}

.logged-in footer {display:block;}

footer p {

		margin:11px 7px 0px 7px;

}

footer > * {float:left;}

.page-id-1468 footer {display:none;}

.thibaut {margin-top:5px;}



/*==========================================

 

                    SPECIAL

 

 ========================================*/



#special {

	position:absolute;

	width:1000px;

	height:560px;

	margin-left:-500px;

	margin-top:-310px;

	top:50%;

	left:50%;

}



.spBkg {

	position:absolute;

	z-index:1;

	left:172px;

	top:28px;

}



#special iframe {

	position:absolute;

	z-index:2;

	top:206px;

	left:259px;

}



.spLeft {

	position:absolute;

	z-index:3;

	top:72px;

}



.spRight {

	position:absolute;

	z-index:4;

	left:644px;

	top:73px;

}